<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../include/laypublic.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>外聘律师申请单新增</title>
</head>
<style>
.fieldset {
	margin-top: 5px;
	margin-bottom: 0px
}

.layui-legend {
	background-color: #5fb878;
	font-size: 15px !important;
	width: 140px;
}

.layui-form-item {
	margin-bottom: 5px;
	clear: both;
	*zoom: 1;
}

.layui-form-label {
	width: 150px;
}
</style>
<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-tab-item layui-show">
				<div style="padding-top: 15px;">&nbsp;</div>
				<form class="layui-form" id="addInfo_form">
					<fieldset class="layui-elem-field layui-field-title fieldset"
						id="baseInfo">
						<legend class="layui-btn layui-legend"
							style="text-align: left; cursor: default;">基础信息 ></legend>
						<div style="margin-top: 20px">

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">申请公司</label>
									<div class="layui-input-inline">
										<input type="hidden" name="hrOrgId" value="${bindOrgId}">
										<input type="text" value="${bindOrgName}" style="border: 0px;"
											readonly="readonly" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">申请部门</label>
									<div class="layui-input-inline">
										<input type="hidden" name="hrDeptId" value="${bindDeptId}">
										<input type="text" value="${bindDeptName}"
											style="border: 0px;" readonly="readonly" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">申请人</label>
									<div class="layui-input-inline">
										<input type="hidden" name="hrStaffApplyId"
											value="${SESSION_KEY_USER_DETAIL.hrStaffId }"> <input
											type="text" name="staffName" value="${staffName }"
											readonly="readonly" style="border: 0px" autocomplete="off"
											class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >拟聘律师情况</label>
									<div class="layui-input-inline" >
										<textarea lay-verify="required" maxlength="1000" name="introduceMemo"
											placeholder="请输入拟聘律师情况" class="layui-textarea"
											style="width: 899px; height: 90px;" ></textarea>
									</div>
								</div>
							</div>									
							<div class="layui-form-item" >
								<div class="layui-inline" >
									<label class="layui-form-label" >姓名</label>
									<div class="layui-input-inline">
									  	<input type="text" value="" name="lawyerName" maxlength=50  lay-verify="required" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">联系方式</label>
									<div class="layui-input-inline">
										<input type="text" value="" name="lawyerLink" maxlength=50 onblur="checkTel(this)" lay-verify="required|telNumber" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">单位</label>
									<div class="layui-input-inline">
										<input type="text" value="" name="lawyerComp" maxlength=100  lay-verify="required" class="layui-input">
									</div>
								</div>
							</div>							
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >收费标准</label>
									<div class="layui-input-inline" >
										<textarea lay-verify="required" maxlength="500" name="feeStandard"
											placeholder="请输入收费标准" class="layui-textarea"
											style="width: 899px; height: 90px;" ></textarea>
									</div>
								</div>
							</div>	
												
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >拟代理事项</label>
									<div class="layui-input-inline" >
										<textarea lay-verify="required" maxlength="1000" name="agentItem"
											placeholder="请输入拟代理事项" class="layui-textarea"
											style="width: 899px; height: 90px;" ></textarea>
									</div>
								</div>
							</div>	
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >外聘律师原因</label>
									<div class="layui-input-inline" >
										<textarea lay-verify="required" maxlength="1000" name="reason"
											placeholder="请输入外聘律师原因" class="layui-textarea"
											style="width: 899px; height: 90px;" ></textarea>
									</div>
								</div>
							</div>	

						</div>
					</fieldset>
					<fieldset class="layui-elem-field layui-field-title fieldset">
						<legend class="layui-btn layui-legend" style="text-align: left; cursor: default;">附件信息 ></legend>
						<div style="margin-top: 20px;">
							<div class="layui-form-item">
								<label class="layui-form-label" style="width: 350px;">支持pdf、excel、word、图片资料，可上传多个</label>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">附件资料（选填）</label>
								<div class="layui-input-block">
									<div class="layui-upload">
										<button type="button" class="layui-btn" id="1-upload-more">上传</button>
										<div class="layui-upload-list" id="1-upload-more-list">
										</div>
									</div>
								</div>
							</div>
						</div>
					</fieldset>
					<div class="layui-form-item"
						style="position: fixed ! important; right: 30px; bottom: 45%; z-index: 10000;">
						<div class="layui-input-block">
							<button
								class="layui-btn layui-bg-blue layui-btn-normal layui-btn-lg  layui-btn-radius"
								type="button" lay-submit lay-filter="addInfo_form_submit"
								id="addInfo_form_submit">
								<i class="layui-icon layui-icon-ok layuiadmin-button-btn"></i>提交
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
<script>

//静态资源路径前缀
var staticPath = '${fileHttpPre}';
var stateJSON = <infopub:dicJson groupNo="A00010028" />;

layui.config({
	base : '${ctx}/resources/layuiadmin/' //静态资源所在路径
		}).extend({
			index : 'lib/index' //主入口模块
		}).use([ 'index', 'set', 'upload', 'element', 'laydate' ],function() {
			var $ = layui.$, form = layui.form, element = layui.element, laydate = layui.laydate, upload = layui.upload;
			// 正则校验
			form.verify({
				//验证汉字
				CHS : [ /^[\u0391-\uFFE5]+$/, '只能输入汉字' ],
				//大于0的正整数
				intNumber : [ /^[1-9]\d*$/, '请输入正确的数字' ],
				//数字只能有两位小数
				floatNumber : [/^([-]?)([0-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/,'请输入正确的数字' ],
				//电话号码
				telNumber:[/^((0\d{2,3}-\d{7,8})|([1][3,4,5,7,8,9][0-9]{9}))$/,'请输入正确的号码'],
				//数字大于0，并只能有两位小数
				floatAmount : [/^([1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, '请输入正确的数字' ]
				//var pattern=/^((\d+\.\d*[1-9]\d{1})|(\d*[1-9]\d*\.\d{2}))$/; 
			});

			var uploadRender = function(id) {
			upload.render({
				elem : '#' + id + '-upload-more',
				url : basePath+'/outLawyer/uploadAtt/',
				multiple : true,
				accept : 'file',
				acceptMime : 'application/zip,application/x-rar-compressed,image/jpeg,image/png,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf',
				before : function(obj) {
					layer.load();
				},
				done : function(res) {
					if (res.code > 0) {
						layer.closeAll('loading');
						return layer.msg(res.msg, {
							icon : 7
						});
					}
					if (res.entity != null&& res.entity.length > 0) {
						for ( var i in res.entity) {
							var preProject = res.entity[i];
							var arr = preProject
									.split("|");
							var imgSrc = "";
							var suffix = arr[0].substring(arr[0].lastIndexOf(".") + 1,arr[0].length);
							if (suffix == 'jpg'|| suffix == 'png') {
								imgSrc = "${fileHttpPre}/"+arr[2];
							} else {
								imgSrc = "${ctx}/resources/images/"+suffix+".jpg";
							}
							$('#'+id+'-upload-more-list').append('<div class="layui-upload-img-div" id="upload_img_'+arr[1]+'"><img src="'+imgSrc+'" title="'+ arr[0] +'" class="layui-upload-img"><div class="mask"><a href="javascript:void(0)" onclick="showImg(\''+"${fileHttpPre}"+arr[2]+'\');">查看</a><a href="javascript:void(0)" onclick="del(\''+arr[1]+'\')";>删除</a></div><p>'+arr[0]+ '</p><input type="hidden" value="'+preProject+'" id="fileAtt_'+arr[1]+'" name="fileAtt" ></input></div>');
						}
					}
				},
				allDone : function(obj) {
					layer.closeAll('loading');
				},
				error : function() {
					layer.closeAll('loading');
					layer.msg("上传失败，请稍后再试~", {
						icon : 7
					});
				}
			});
			}
			uploadRender(1);

			//监听提交
			form.on('submit(addInfo_form_submit)',function(data) {
				$("#addInfo_form_submit").removeAttr("lay-submit").removeClass("layui-bg-blue").addClass("layui-btn-disabled");
				layer.load();
				//提交 Ajax 成功后，静态更新表格中的数据
				$.ajax({
					type : 'post',
					url : basePath + '/outLawyer/save',
					data : $('#addInfo_form').serialize(),
					success : function(result) {
						if (result.success) {
							layer.closeAll('loading'); //关闭loading
							layer.msg('提交单据成功~',{
								icon : 1
							});
							//两秒后关闭当前页面
							setTimeout(function() {
								/**
								 * 查找父菜单，并刷新
								 */
								var topDoc = $(window.top.document);
								var path = basePath+'/outLawyer/list';
								// 获取页面名称
								var name = topDoc.find(".layui-nav-item [lay-href^='"+path+"']").text();
								if (name == '' || name == null) {
									name = '外聘律师';
								}
								window.parent.layui.index.openTabsPage(path,name);
								var iframe = window.parent.layui.admin
										.tabsBody(window.parent.layui.admin.tabsPage.index).find(".layadmin-iframe");
								iframe[0].contentWindow.location.reload(true);

								/**
								 * 关闭当前页
								 */
								var currPath = basePath+'/outLawyer/add';
								var layid = topDoc.find("li[lay-id^='"+ currPath+ "']").attr('lay-id');
								window.parent.layui.element.tabDelete('layadmin-layout-tabs',layid);//关闭当前页
							},2000);
						} else {
							layer.closeAll('loading'); //关闭loading
							$("#addInfo_form_submit").removeClass("layui-btn-disabled").addClass("layui-bg-blue").attr("lay-submit","");
							layer.msg(result.msg,{icon : 7});
						}
					}
				});
			});
			// data-type事件
			$('.layui-btn.layuiadmin-btn-admin').on('click',function() {
				var type = $(this).data('type');
				active[type] ? active[type].call(this): '';
			});
		});

		//删除文件
		function del(index) {
			layui.$("#fileAtt_" + index).remove();
			layui.$("#upload_img_" + index).remove();
		}

		//根据url查看文件
		function showImg(url) {
			var openWin = window.open(url,'','left=410,height=768, width=1024, top=200,  toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
		}
		//'请输入正确电话号码！'
		function checkTel(str) {
			var $ = layui.$, form = layui.form
			if (str.value == '' || str.value == null) {
				return;
			}
			var rgx1 =/^[1][3,4,5,7,8,9][0-9]{9}$/;//手机号码校验
			var rgx2 =/^0\d{2,3}-?\d{7,8}$/;//固定电话校验
			var boolrgx1 = rgx1.test(str.value);
			var boolrgx2 = rgx2.test(str.value);
			if (boolrgx1==true||boolrgx2==true) {
				return true;
			} else {
				str.value ='';
				layer.msg('请输入正确电话号码！');
				return false;
			}
		}
	</script>
</body>
</html>

